<template>
	<view class="page-content">
		<view class="page-top">
			<image class="t-logo" src="/static/index/logo.png"></image>
		</view>
		<view class="page-body2" @click="toPair">
			<!--进度条-->
			<d-progress borderWidth="40" :percent="percent3" progress_b_c="#3f90b8" progress_t_c="#12c5a7" size="big" width="340">{{percent0}}</d-progress>
		</view>
	</view>
</template>


<script>
import indexMixin from '../index-mixin.js'
import dProgress from '@/components/w-progress/d-progress.vue';
export default {
	name: 'indexOne',
	mixins:[indexMixin],
	data() {
		return {
			percent0: '连接设备',
			percent3: 100,
		}
	},
	components: {
		dProgress
	},
	methods: {
		//跳转设备列表
		toPair() {
			uni.navigateTo({
				url: `/pages/home/pair`
			})
		},
	}

}
</script>

<style lang="scss" scoped>
	.page-content {
		width: 100vw;
		height: calc(100vh - 40rpx);
		background: $uni-bg-color;
		color: $font-color-w;
		padding: $page-row-spacing;
		//头部
		.page-top {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 30rpx;
		
			.t-logo {
				width: 239rpx;
				height: 40rpx;
			}
		
			.page-top-l {
				display: flex;
		
				.t-tit {
					font-size: $font-base;
				}
		
				.t-model {
					height: 40rpx;
					border-radius: 20rpx;
					padding: 0 16rpx;
					font-size: 20rpx;
					font-weight: 400;
					line-height: 40rpx;
					margin-left: 16rpx;
				}
			}
		
			.page-top-r {
				font-size: 28rpx;
				font-weight: 400;
				color: #DDDDDD;
			}
		}
	
		.page-body2 {
			height: 100%;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
